<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>롤오버 이미지</title>
<script src="../../Scripts/jquery-1.10.2.js" type="text/javascript" charset="utf-8"></script>

<style type="text/css">
	td{
		width: 230px;
		height: 230px;	
	}
</style>

<script type="text/javascript">
	$(document).ready(function(){
		$("img.rollover").mouseover(function() {
			//alert("aa");
			var imgName = $(this).attr("src");
			var imgName2 = imgName.replace(".gif","-1.gif");
			$(this).attr("src",imgName2);
		})
		.mouseout(function() {
			//alert("bb");
			var imgName = $(this).attr("src");
			var imgName2 = imgName.replace("-1.gif",".gif");
			$(this).attr("src",imgName2);
		});
	});

</script>
</head>

<body>
	<table cellpadding="0" cellspacing="0">
		<tr>
			<td><a href="#"><img class="rollover" src="../../images/rollover/R01.gif" /></a></td>
			<td><a href="#"><img class="rollover" src="../../images/rollover/R02.gif" /></a></td>
			<td><a href="#"><img class="rollover" src="../../images/rollover/R03.gif" /></a></td>
		</tr>
		<tr>
			<td><a href="#"><img class="rollover" src="../../images/rollover/R04.gif" /></a></td>
			<td><img src="../../images/rollover/R-title.gif" /></td>
			<td><a href="#"><img class="rollover" src="../../images/rollover/R05.gif" /></a></td>
		<tr>
		</tr>
			<td><a href="#"><img class="rollover" src="../../images/rollover/R06.gif" /></a></td>
			<td><a href="#"><img class="rollover" src="../../images/rollover/R07.gif" /></a></td>
			<td><a href="#"><img class="rollover" src="../../images/rollover/R08.gif" /></a></td>
		</tr>
	</table>
</body>
</html>
